<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<base href="/bestinc/" />
<link rel="stylesheet" href="static/layui/css/layui.css">
<link rel="stylesheet" href="static/css/route/product/product.css">
<script type="text/javascript" src="static/layui/layui.js"></script>
<link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=C59f573001c2da1eced570db6c53cdf1"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
	<script type="text/javascript" src="static/js/jquery.min.js"></script>
</head>

<body>
	<div id="content">
		<div class="layui-fluid" style="height: 100%;">

			<div class="layui-row layui-col-space1"
				style="height: 100%; width: 100%;">
				<div class="layui-col-md5"
					style="right: 5px; height: 100%; padding-bottom: 20px;">
                    <div class="div1" style="width: 100%;height: 100%; top: 10px;border-radius: 10px;">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                          <li class="layui-this">路线查询</li>
                          <li>查看导航<span class="layui-badge-dot"></span></li>
                        </ul>
                        <div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<div class="hread1">
								<form class="layui-form">
									<div class="layui-form-item">
									<div class="layui-form-item">
			    <label class="layui-form-label">开始城市</label>
			    <div class="layui-input-block">
			      <select name="startCity" id ="startCity" lay-filter="startCity" lay-verify="" lay-search>
				  </select>  
			    </div>
			  </div>
			  
			  <div class="layui-form-item">
			    <label class="layui-form-label">结束城市</label>
			    <div class="layui-input-block">
			      <select name="endCity" id ="endCity" lay-filter="endCity" lay-verify="" lay-search>
				  </select>  
			    </div>
			  </div>
			  <div class="layui-form-item">
    		<label class="layui-form-label">产品类型</label>
    		<div class="layui-input-block">
      			<input type="radio" id="circuitType" name="circuitType" value="0" title="淘宝">
      			<input type="radio" id="circuitType" name="circuitType" value="1" title="快件">
      			<input type="radio" id="circuitType" name="circuitType" value="2" title="普件">
   		</div>
  </div>
  <div class="layui-inline">
									<label class="layui-form-label"></label>
									<div class="layui-input-inline" style="left: 50%;">
										<button class="layui-btn" lay-submit=""
											lay-filter="busCircuitSearchBtn">
											<i class="layui-icon layui-icon-search"
												style="font-size: 14px;"></i> 查询
										</button>
										<button class="layui-btn" type="reset">
											<i class="layui-icon layui-icon-refresh "
												style="font-size: 14px;"></i> 重置
										</button>
									</div>
								</div>
		
										
									</div>
								</form>
							</div>
							<div id="dataDiv">
								<!-- 数据表格 -->
								<table class="layui-hide" id="productTable" lay-filter="test"></table>
							</div>
							</div>
							<div class="layui-tab-item">
								<div id="r-result"></div>
							</div>

						</div>
                      </div> 
                    </div>


				</div>
				<div class="layui-col-md7"
					style="left: 5px; height: 100%; padding-top: 10px; padding-bottom: 10px;">
					<div id="allmap"
						style="width: 100%; height: 100%; border-radius: 10px;"></div>
				</div>
			</div>


		</div>
	</div>
	<!-- 数据表格的自定义按钮 -->
<script type="text/html" id="barDemo">
	<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit" >查看</a>
  </script>
  <script type="text/html" id="busLineNameTpl">
	<span class="layui-badge-dot layui-bg-green"></span>{{d.busLineName.replace("--"," <span style='margin-top: 15px; width:50px;display: inline-block;'><div class='layui-progress'></div></span> <span class='layui-badge-dot'></span>")}}
	 
	</script>
	<script src="static/js/route/product/product.js"></script>
	<script src="static/js/route/product/map.js"></script>
</body>

</html>